Skip to main content

Tree View

Type

widget

Summary

A widget to display array data in a tree view

Description

A widget to display array data in a tree view

Associated Syntax

Property

NameSummarySyntax
foldedIconNameA predefined SVG icon to use for folded array elements.set the foldedIconName of <widget> to <pIconName> get the foldedIconName of <widget>
charsToTrimFromKeyThe number of leading characters to trim from the key for display.get the charsToTrimFromKey of <widget> set the charsToTrimFromKey of <widget> to <pChars>
rowHeightThe height of the tree view rows.get the rowHeight of <widget> set the rowHeight of <widget> to <height>
pathDelimiterManipulates the separator between the elements of the array viewerget the pathDelimiter of <widget> set the pathDelimiter of <widget> to <pType>
sortOrderManipulates the order in which elements of the tree view are displayed, with respect to the current sortType.get the sortOrder of <widget> set the sortOrder of <widget> to <pOrder>
hilitedElementSelect the row corresponding to pPathget the hilitedElement of <widget> set the hilitedElement of <widget> to <pPath>
showValuesWhether the values are displayed or notget the showValues of <widget> set the showValues of <widget> to {true|false}
hiliteNewElementAutomatically select new elements when created interactively.get the hiliteNewElement of <widget> set the hiliteNewElement of <widget> to {true|false}
indentSizeThe size of the indent for array sub-elementsset the indentSize of <widget> to <pSize> get the indentSize of <widget>
showIndentLinesWhether to show lines indicating elements at the same indentset the showIndentLines of <widget> to { true | false } get the showIndentLines of <widget>
unfoldedIconNameA predefined SVG icon to use for unfolded array elements.set the unfoldedIconName of <widget> to <pIconName> get the unfoldedIconName of <widget>
expandableRowTextColorThe text color used for rows that have expandable arraysget the expandableRowTextColor of <widget> set the expandableRowTextColor of <widget> to <pColor>
iconHeightCustom icon height for the widgetget the iconHeight of <widget> set the iconHeight of <widget> to <pIconHeight>
alternateRowBackgroundsWhether the alternate rows of the widget have different backgrounds or not.get the alternateRowBackgrounds of <widget> set the alternateRowBackgrounds of <widget> to {true|false}
sortTypeManipulates the type of ordering in which elements of the tree view are displayed.get the sortType of <widget> set the sortType of <widget> to <pType>
showBorderWhether the widget has a border or not.get the showBorder of <widget> set the showBorder of <widget> to {true|false}
readOnlyWhether the options to modify elements of the underlying array are present or not.get the readOnly of <widget> set the readOnly of <widget> to {true|false}
hilitedElementIsFoldedDetermine if the selected element is foldedget the hilitedElementIsFolded of <widget> set the hilitedElementIsFolded of <widget> to {true|false}
itemPaddingThe size of the padding for tree view elementsset the itemPadding of <widget> to <pPadding> get the itemPadding of <widget>
showHoverWhether the widget has a hover row displayed or not.get the showHover of <widget> set the showHover of <widget> to {true|false}
unfoldedIconPathSVG path data to use for unfolded array elements.set the unfoldedIconPath of <widget> to <pSVGPath> get the unfoldedIconPath of <widget>
autoFoldStateResetAutomatically reset fold state when array data is set.get the autoFoldStateReset of <widget> set the autoFoldStateReset of <widget> to {true|false}
expandableRowTextFontThe text font used in expandable rows onlyget the expandableRowTextFont of <widget> set the expandableRowTextFont of <widget> to <pFont>
scrollVertical scroll position of the widgetget the vScroll of <widget> get the scroll of <widget> set the scroll of <widget> to <pScroll>
expandableRowTextSizeThe text size used in expandable rows onlyget the expandableRowTextSize of <widget> set the expandableRowTextSize of <widget> to <pSize>
formattedHeightHeight of the data displayed by the widgetget the formattedHeight of <widget>
indentLinesColorThe color of the indent lines in the tree widgetset the indentLinesColor of <widget> to <pColor> get the indentLinesColor of <widget>
textHeightCustom text height for the widgetget the textHeight of <widget> set the textHeight of <widget> to <pTextHeight>
arrayStyleWhether the tree view should display its contents in array style or as a standard tree view.get the arrayStyle of <widget> set the arrayStyle of <widget> to {true|false}
scrollHilitedElementIntoViewAutomatically scroll selected row into view.get the scrollHilitedElementIntoView of <widget> set the scrollHilitedElementIntoView of <widget> to {true|false}
hilitedIconColorThe color of the fold/unfold icons when the row is selectedset the hilitedIconColor of <widget> to <pColor> get the hilitedIconColor of <widget>
showSeparatorWhether the separator bar between keys and values is showing or notget the showSeparator of <widget> set the showSeparator of <widget> to {true|false}
hilitedTextColorThe color of the text when the row is selectedset the hilitedTextColor of widget to <pColor> get the hilitedTextColor of <widget>
hilitedElementFoldStateGet/set the fold state of the selected elementget the hilitedElementFoldState of <widget> set the hilitedElementFoldState of <widget> to <pFoldState>
vScrollbarControls the visibility of the browser's vertical scrollbar.set the vScrollbar of <widget> to <pEnabled> get the vScrollbar of <widget>
arrayDataThe array being displayed by the widgetget the arrayData of <widget> set the arrayData of <widget> to <pArray>
foldStateThe fold state of the array being displayed by the widgetget the foldState of <widget> set the foldState of <widget> to <pFoldState>
separatorRatioManipulates the size of the arrayData view columns.get the separatorRatio of <widget> set the separatorRatio of <widget> to {true|false}
iconColorThe color of the fold/unfold iconsset the iconColor of <widget> to <pColor> get the iconColor of <widget>
foldedIconPathSVG path data to use for folded array elements.set the foldedIconPath of <widget> to <pSVGPath> get the foldedIconPath of <widget>

Message

NameSummarySyntax
hiliteChangedSent when an element is hilitedhiliteChanged
dataChangedSent when the arrayData of the widget changesdataChanged
actionInspectSent when an the inspect icon is clicked in read only modeactionInspect <pPath>
actionDoubleClickSent when a leaf node of the tree view is double-clicked.actionDoubleClick <pPath>
formattedHeightChangedSent when the formatted height of the displayed data changes.formattedHeightChanged